import QtQuick

import "qrc:/usv_bridge/UI/compass/"


Rectangle {
    id: speed
    width: 327
    color:"#F7F7F7"

    radius: 5

    //第一行
    Text{
        id: speed_title
        text: qsTr("速度信息")
        font.family: ("Noto Sans")
        font.pixelSize: 16
        color: "#0070D6"
        anchors{
            top: parent.top
            topMargin: 10
            horizontalCenter: speed.horizontalCenter
        }
    }

    Text{
        //system controller var
        id: setspeed_text
        text: qsTr("set 12")
        font.family: ("Noto Sans")
        font.pixelSize: 16
        color: "#0070D6"
        anchors{
            left: parent.left
            leftMargin: 30
            top: speed_title.bottom
            topMargin: 5
        }
    }
    Image{
        id: speed_arrow
        anchors{
            left: speed.left
            leftMargin: 10
            verticalCenter: setspeed_text.verticalCenter

        }
        source:"qrc:/usv_bridge/UI/compass/container_icon.png"
    }

    //竖直分割线
    Rectangle{
        width: 1
        height: 28
        color: Qt.rgba(0, 0, 0, 0.08)
        anchors{
            left: setspeed_text.right
            leftMargin: 13
            verticalCenter: speed_value_zero.verticalCenter
        }
    }

    Text{
        //system controller var
        id: speed_value_zero
        text: qsTr("0")
        font.family: ("Noto Sans")
        font.pixelSize: 36
        color: Qt.rgba(0, 0, 0, 0.08)
        anchors{
            top: setspeed_text.top
            left: setspeed_text.right
            leftMargin: 25
        }
    }
    Text{
        //system controller var
        id: speed_value
        text: qsTr("12")
        font.family: ("Noto Sans")
        font.pixelSize: 36
        color: "#325B9A"
        anchors{
            top: setspeed_text.top
            left: speed_value_zero.right
        }
    }
    // 描述
    Text{
        //system controller var
        id: speed_unit
        text: qsTr("STW")
        font.family: ("Noto Sans")
        font.pixelSize: 16
        color: "#666666"
        anchors{
            left: speed_value.right
            leftMargin: 16
            top: speed_value.top
            topMargin: 5
        }
    }
    // 描述2
    Text{
        //system controller var
        id: speed_min
        text: qsTr("kn")
        font.family: ("Noto Sans")
        font.pixelSize: 12
        color: "#666666"
        anchors{
            left: speed_unit.left
            top: speed_unit.bottom
        }
    }

    //竖直分割线
    Rectangle{
        id: right_split_line
        width: 1
        height: 28
        color: Qt.rgba(0, 0, 0, 0.08)
        anchors{
            left: parent.left
            leftMargin: 250
            verticalCenter: speed_value.verticalCenter
        }
    }

    Text{
        //system controller var
        text: qsTr("SRC")
        font.family: ("Noto Sans")
        font.pixelSize: 16
        color: "#666666"
        anchors{
            left: right_split_line.right
            leftMargin: 10
            verticalCenter: speed_value.verticalCenter
        }
    }


}
